.con{
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  .left{
    display: flex;
    flex-direction: column;
    border-right: 1px solid #000;
    padding: 10px 20px;
    row-gap: 10px;
    .leftItem{
      cursor: pointer;
      transition: all .12s ease-in-out;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      &:hover{
        transform: scale(1.05);
      }
    }
    .leftItemActive{
      color: #4586ff;
    }
  }
  .right{
    flex: 1;
    padding: 12px 20px;
    overflow: auto;
  }
}